<template>
  <div>
    <Top></Top>
    <Middle></Middle>
    <Bottom></Bottom>
  </div>
</template>

<script setup lang="ts">
import {ref,onMounted} from 'vue'
// 引入子组件
import Top from './top/index.vue'
import Middle from './middle/index.vue'
import Bottom from './bottom/index.vue'
// 引入仓库
import UseMockStore from '@/stores/mock'
const MockStore = UseMockStore()

// 组件挂载完毕
onMounted(()=>{
  // 通知仓库发请求
  MockStore.getMockData()
})



</script>

<style scoped>

</style>